<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>三表登记</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="./css/comm.css" />
    <link rel="stylesheet" type="text/css" href="./css/meterpointwrite.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />
</head>

<body>
    <div id="app" v-cloak>
        <div id="topheader" class="aui-content headerBox bgshadow">
            <div id="topheadercontent" class="header-content">
                <div class="header">
                    <div class="breadcrumb-header">
                        <label v-on:click="do_open_header(item)" v-for="(item,index) in headerlist">
                            <span v-bind:class="{'islast':index==(headerlist.length-1)}">{{item.name}}</span>
                            <i v-if="index<(headerlist.length-1)" class="icon iconfont icon-arrow-right"></i>
                        </label>
                        <div v-on:click="do_select_project()" v-if="headerlist.length==0">
                            请选择资源
                            <div class="header_add_img fr"><img src="../image/news_li_more.png" /></div>
                        </div>
                    </div>
                </div>
                <div class="aui-more">
                    <div class="searchbox">
                        <!--v-on:click="do_select_time()"-->
                        <div class="aui-tab menu-name">
                            <!--{{form.writeDate}}-->
                            <span  id="choosedate" data-options='{"type":"month"}' v-bind:class="{'textColorPlaceholder':form.writeDate==''}">{{form.writeDate==''?'选择日期':form.writeDate}}</span>
                            <i class="icon iconfont icon-down"></i>
                        </div>
                        <div class="aui-tab menu-name">
                            <!--<select class="choose" @change="do_select_status" style="height: auto;font-size:0.7rem;" v-model="MeterCategoryID" placeholder="仪表分类">
                                <option v-for="item in MeterList" v-bind:value="item.ID">
                                    {{item.Name}}
                                </option>
                             </select>-->
                            <span id="choosemeter">{{MeterCategoryDesc}}</span>
                            <i class="icon iconfont icon-down"></i>
                        </div>
                    </div>

                </div>

                <div class="aui-searchbar" id="search">
                    <div class="aui-searchbar-input aui-searchbar-input-white aui-border-radius">
                        <i class="icon iconfont icon-sousuo"></i>
                        <input v-model="form.keywords" type="search" placeholder="资源编号、仪表名称、仪表编码" id="search-input">
                        <div class="aui-searchbar-clear-btn">
                            <i class="icon iconfont icon-guanbi"></i>
                        </div>
                    </div>
                    <div class="aui-searchbar-btn" tapmode></div>
                </div>

            </div>
        </div>
        <section id="main_refresh" class="aui-refresh-content">
            <div class="aui-content task" v-if="RoomList.length>0">
                <div v-for="(item,index) in RoomList" class="boxarea mainbox pb10">
                    <div class="work_con_box">
                        <div class="aui-row">
                            <div class="aui-col-xs-12 leftcolumn">
                                <div class="aui-grid-label">
                                    {{item.FullName}}
                                </div>
                            </div>
                        </div>
                        <div class="aui-row" style="margin-top:5px;">
                            <div class="fl leftcolumn">
                                <div class="aui-grid-label">{{item.RelationName}}</div>
                            </div>
                            <div v-if="item.RelatePhoneNumber>0" class="fl rightcolumn RelatePhoneNumber">
                                <div class="aui-grid-label">({{item.RelatePhoneNumber}})</div>
                            </div>
                        </div>
                        <div v-for="(item2,index2) in item.meterList" class="parameter" v-bind:class="{'border-bottomLine':index2<item.meterList.length-1}">
                            <div class="left_param">
                                <div v-if="item2.IsAPPWriteEnable==undefined" class="parameter_type basicfont">
                                    {{item2.MeterName}}&nbsp;|&nbsp;
                                    <span>{{item2.MeterNumber==''?'无':item2.MeterNumber}}</span>
                                    <span v-if="item2.FeeStatus==0" class="typestatus dsl">可抄表</span>
                                    <span v-if="item2.FeeStatus==1" class="typestatus ycz">已出账</span>
                                </div>
                                <div v-if="item2.IsAPPWriteEnable!=undefined" class="parameter_type basicfont">
                                    {{item2.MeterName}}&nbsp;|&nbsp;
                                    <span>{{item2.MeterNumber==''?'无':item2.MeterNumber}}</span>
                                    <span v-if="item2.IsAPPWriteEnable&&item2.FeeStatus==0" class="typestatus dsl">可抄表</span>
                                    <span v-if="item2.IsAPPWriteEnable&&item2.FeeStatus==1" class="typestatus ycz">已出账</span>
                                    <span v-if="!item2.IsAPPWriteEnable" class="typestatus ycz">已停用</span>
                                </div>
                                <div class="parameter_con">
                                    <div class="parameter_begin basicfont fl box noEdit ">{{item2.StartPoint}}</div>
                                    <div class="parameter_center basicfont fl">—</div>
                                    <div v-if="(item2.IsAPPWriteEnable==undefined&&item2.FeeStatus==1)||(item2.IsAPPWriteEnable!=undefined&&!item2.IsAPPWriteEnable)" class="parameter_begin basicfont fl box noEdit ">{{item2.EndPoint}}</div>
                                    <input v-else class="parameter_end" type="number" v-model="item2.EndPoint">
                                    <div class="cl"></div>
                                </div>
                            </div>
                            <div class="center_param">
                                <div class="parameter_type basicfont center">
                                    本次用量
                                </div>
                                <div class="parameter_con">
                                    <div class="parameter_begin basicfont center new-basicfont">{{item2.TotalPoint}}</div>
                                </div>
                            </div>
                            <div class="cl"></div>
                            <div v-if="((item2.IsAPPWriteEnable!=undefined&&item2.IsAPPWriteEnable)&&item2.FeeStatus==0)||(item2.IsAPPWriteEnable==undefined&&item2.FeeStatus==0)" v-on:click="do_save(item2)" class="parameter_save">保存</div>
                        </div>
                    </div>
                </div>

                <div class="notodayList">
                    没有更多内容
                </div>
            </div>
            <div class="noinfo" id="noorder" v-if="RoomList.length==0">
                <img src="../image/index/noinfomsg_icon.png" alt="" />
                <h5><br />暂无相关数据</h5>
            </div>
        </section>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/vue.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript" src="js/meterpoingwrite.js"></script>

</html>
